<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="layui\css\layui.css">
    <style>
        a:hover {
            color: red;
        }

        span:hover {
            color: red;
        }
        i:hover{
            color: red;
            margin: 5px 0 0 0;
        }
    </style>
</head>
<body>

<div th:each="b:${blog}" style="background-color: white;padding-left: 10px">
    <div style="text-align: left;overflow:hidden;">
        <div style="text-indent: 10px;margin: 5px 0 0 0">
            <a style="font-size: 20px;font-weight: bold;" th:text="${b.bTitle}"></a>
        </div>
        <div style="text-indent: 10px;width: 9%;float: left;margin: 0px 0 0 0">
            <a href="# ">[[${b.User.uNickname}]]</a>
        </div>
        <div style="text-indent: 10px;color:gray;float:left;width: 50%;height:20px;overflow:hidden;margin: 5px 0 0 0"
             th:text="${b.bContext}">

        </div>
        <div style="float: right;width: 22%;margin: 5px 0 0 0">
            <a href="#">
                <i class="layui-icon layui-icon-log" style="font-size: 20px; color: #757575;"></i>
                [[${b.bLooks}]]
            </a>
            <a href="#">
                <i class="layui-icon layui-icon-star" style="font-size: 20px; color: #757575;"></i>
                [[${b.bCollects}]]
            </a>
        </div>
        <hr>
    </div>
</div>
</body>
</html>